<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta content="text/html; charset=UTF-8" http-equiv="Content-Type"/>
    <title></title>
    <style type="text/css">
        @page {
            size: 100mm 100mm;
            margin: auto;
            overflow: hidden;
        }

        body {
            padding: 0;
            font-family: "Microsoft YaHei";
        }

        img {
            border: none;
        }

        .print_table_new {
            width: 360px;
            height: 0px;
            word-break: break-all;
            word-wrap: break-word;
        }

        .wlbm {
            font-size: 21px;
            font-weight: bold;
        }

        .print_table tr td, .print_table tr th {
            border: 1px solid #000;
        }

        .print_table ul li {
            width: 111px;
            float: left;
            text-align: center;
        }

        .print_table_150 tr {
        }

        .print_table_150 td {
            font-weight: bold;
            padding-left: 5px;
        }

        .print_table_150 img {

            width: auto;
            height: auto;
            max-width: 100%;
            max-height: 100%;

        }

        .print_table_100 td {
            font-weight: bold;
            padding-left: 5px;
        }

        .print_table_100 img {

            width: auto;
            height: auto;
            max-width: 100%;
            max-height: 100%;

        }

        .print_table_50 td {
            font-weight: bold;
            padding-left: 5px;
        }

        .print_table_50 img {

            width: auto;
            height: auto;
            max-width: 100%;
            max-height: 100%;

        }
    </style>
</head>
<body>
<table border="2" rules="all" class="print_table_new"
       style="font-size: 12px;word-wrap: break-word;word-break: break-all">
    <tr>
        <td style="text-align: center"><img src="data:image/png;base64,${logoBase64!}"
                                            alt=""
                                            style="width: 22mm;"/></td>
        <td style="text-align: center">
            <div style="margin: 2px;">
                Lazada Firstmile Tracking Number<br/>
                <img style="width: 40mm; height: 11mm; "
                     src="data:image/png;base64,${barCodeBase64!}"
                     alt=""/><br/> ${trackNo!}
            </div>
        </td>
    </tr>
    <tr>
        <td colspan="2">
            To:${receiver!}<br/>${receiverAddress!}<br/><b>${countryName!}</b><br/>
            <div style="line-height: 10px;">
                Service: Lazada Firstmile Fulfilment<br/>
                Seller Name: ${sellerName!}<br/>
                Seller Adddress:${sellerAddress!}<br/>
                Seller Contact:${sellerContact!}
            </div>
        </td>
    </tr>
    <tr>
        <td style="" colspan="2">
            产品说明:<br/>
            <table style="width:100%;">
                <tr>
                    <td>
                        Item name<br/>
                        ${goodsName!} *${qty!}
                    </td>
                    <td>
                        Item sku seller<br/>
                        ${sku!} <br/>
                        <b>${orderNo!}</b>
                    </td>
                </tr>
            </table>
        </td>
    </tr>
    <tr>
        <td colspan="2" style="border-top:hidden;">
            首公里仓库:<br/>
            深圳市 宝安区 福永塘尾高新开发区福园一路德的工业园B栋1A区
        </td>
    </tr>
    <tr>
        <td colspan="1" style="text-align: right;">
            渠道编码
        </td>
        <td style="text-align: center">
            <b>LZD${countryCode!}</b>
        </td>
    </tr>
    <tr>
        <td colspan="1" style="text-align: center;">
            Lazada package Number
        </td>
        <td class="wlbm" align="center">
            ${packageNo!}
        </td>
    </tr>
</table>
</body>
</html>
